<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.发起get数据请求 -->
    <script>
        // 1.创建xhr对象
        const xhr = new XMLHttpRequest()
        // 2.调用open函数
        xhr.open('GET','http://www.liulongbin.top:3006/api/addbook')
        //3.监听loadend事件，接受响应结果
        xhr.addEventListener('loadend',()=>{
            console.log(xhr.response);
        })
        // 4.调用send函数
        xhr.send()
    </script>
    <!-- 2.发起post请求 -->
    <script>
        // 1.创建xhr对象
        const xhr1 = new XMLHttpRequest()
        // 2.调用open函数
        xhr1.open('POST','http://www.liulongbin.top:3006/api/addbook')
        //3.监听loadend事件，接受响应结果
        xhr1.addEventListener('loadend',()=>{
            console.log(xhr.response);
        })
        // 4.设置content-type属性
        xhr1.setRequestHeader('Content-Type','application/json')
        // 5.调用send函数,且发送数据
        xhr1.send('bookname-水浒传&author-施耐庵&publisher-上海图书社')
    </script>
</body>
</html>